<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>personal_center</title>
    <link rel="stylesheet" href="css/index.css">
</head>
<body>

<nav>
    <div class="w">
        <a href="index%20(hasloaded).html"><img src="images/logo.png" alt=""></a>
        <ul>
            <li><a href="browse-pro.html">项目浏览</a></li>
            <li><a href="fnc_raund.html">投资人</a></li>
            <li><a href="guideUser.html">用户引导</a></li>
            <li><a href="aboutUs.html">关于我们</a></li>
        </ul>
        <div class="nav-left">
            <a href="index%20(hasloaded).html"><span>返回雏鹰网</span></a>
            <button class="user"><a href="javascript:void(0)" style="color: #999;"  class="user"><span class="iconfont">&#xe7e6;</span>齐小吓<span class="iconfont" id="downList">&#xe6c9;</span></a></button>
        </div>
    </div>
</nav>

<div class="personal-creation-box">
    <div class="personal-creation">
        <div class="personal-creation-top">
            <div class="head-left">
                <img src="images/person_female.png"/>
                <span>齐小吓</span>
                <p>杭州树德科技有限公司</p>
                <p><span>产品经理</span><img src="images/personal-noren.png"></p>
            </div>
            <div class="head-right">
                <p>账户资金&nbsp;&nbsp;&nbsp;<span>0.00元</span> <a href="javascript:void(0)">交易记录</a></p>
                <div class="head-right-box">
                    <div >
                        <img src="images/personal-money1.png"/>
                        <p>153,000<span>元</span></p>
                        <span>投资总额</span>
                    </div>
                    <div >
                        <img src="images/personal-send.png"/>
                        <p>5<span>元</span></p>
                        <span>所持股权项目数</span>
                    </div>
                    <div >
                        <img src="images/personal-money2.png"/>
                        <p>153,000<span>元</span></p>
                        <span>成功退出项目总金额</span>
                    </div>
                </div>

            </div>
        </div>
        <div class="personal-creation-body">
            <div class="personal-creation-left">
                <ul>
                    <li style="border-left: 3px solid #1ba2dc;background-color: white;color: #1ba2dc;"><span class="iconfont">&#xe8f3;</span>&nbsp;&nbsp;&nbsp;&nbsp;我的主页 <span>></span></li>
                    <li><span class="iconfont">&#xe695;</span> 投资的项目 <span>></span></li>
                    <li><span class="iconfont">&#xe728;</span> 创建的项目 <span>></span></li>
                    <li style="border-bottom: none;"><span class="iconfont">&#xeafd;</span> &nbsp;&nbsp;&nbsp;&nbsp;账户信息 <span>></span></li>
                </ul>
            </div>
            <div class="area3" >
                <div class="area3-left">
                    <p>动态</p>
                    <div class="area3-left-body">
                        <img src="images/personal dottd.png"/>
                        <div>
                            <p>投资新项目  <span>  2015-05-22</span></p>
                            <p>成功投资项目：<span>杭州XXO2O项目</span> 投入资金：<span>13.5万元</span><a href="javascript:void(0)">查看项目情况 <span class="iconfont">&#xe922;</span></a></p>
                        </div>
                    </div>
                    <div class="area3-left-body">
                        <img src="images/personal dottd.png"/>
                        <div>
                            <p>资金充值  <span>  2015-05-22 09:30</span></p>
                            <p>充值金额： <span>10万元 </span> 充值方式：银行卡2938****1321</p>
                        </div>
                    </div>
                    <div class="area3-left-body">
                        <img src="images/personal dottd.png"/>
                        <div>
                            <p>所投项目有新动态<span>  2015-05-22 09:30</span></p>
                            <p>项目：<span>杭州XXO2O项目</span> 成功进入下一轮</p>
                        </div>
                    </div>
                </div>
                <div class="area3-right">
                    <p>热门<span>HOT!</span></p>
                    <div class="area3-right-top">
                        <div class="area3-right-top-body">
                            <img src="images/personal_home.png"/>
                            <div>
                                <span>杭州XXO2O项目</span>
                                <p>项目概况：成立于2015年1月成立于2015年1月成立于2015年1月...</p>
                            </div>
                        </div>
                        <p><span></span><span></span></p>
                        <div class="area3-right-top-body-bottom">
                            <p>融资进度：15.2/34.3万</p>
                            <a href="javascript:void(0)"><span class="iconfont">&#xe912;</span> 收藏（11）</a>
                        </div>
                    </div>
                    <div class="area3-right-bottom">
                        <div class="area3-bottom-top-body">
                            <img src="images/person_female.png"/>
                            <div>
                                <p>李楠  <span>·投资经理</span></p>
                                <span>北京创梦创业有限公司</span>
                                <span>关注B2B，体育类项目</span>
                            </div>
                        </div>
                        <p>关注行业领域：<span>消费互联网、B2B</span></p>
                        <p>偏好投资阶段：<span>种子轮/天使轮、Pre-A轮</span></p>
                        <a href="javascript:void(0)">向ta推荐项目</a>
                    </div>
                </div>
            </div>


            <!--投资的项目-->
            <div class="area2">
                <ul>
                    <li class="active2">所有项目(2)</li>
                    <li>等待支付(1)</li>
                    <li>投资成功(1)</li>
                    <li style="border-right: none;">收藏夹(8)</li>
                </ul>
                <div class="area2-disbox1">
                    <div class="infor-Invest">
                        <div class="infor-Invest-box">
                            <a href="javascript:void(0)"><span>等待支付</span></a>
                            <div class="infor-Invest-right">
                                <p>杭州XX科技有限公司XXO2O项目<a href="javascript:void(0)">股权协议书</a></p>
                                <div class="infor-Invest-right-center">
                                    <img src="images/40per.png"/>
                                    <div>
                                        <p>项目估值：1322万   募集资金：153.5万元    认购金额：10万</p>
                                        <p>您还未支付<a> 2天 </a>后截止付款<a href="javascript:void(0)">付款投资</a></p>
                                    </div>
                                    <p class="text1">暂时还没想好，先<a href="javascript:void(0)"> 移到收藏夹中</a></p>
                                </div>
                            </div>
                        </div>
                        <div class="infor-Invest-box">
                            <a href="javascript:void(0)" ><span style="background-color: #1ba2dc">投资成功</span></a>
                            <div class="infor-Invest-right">
                                <p>杭州XX科技有限公司XXO2O项目<a href="javascript:void(0)">股权协议书</a></p>
                                <div class="infor-Invest-right-center">
                                    <img src="images/40per.png"/>
                                    <div>
                                        <p style="margin-top: 25px">项目估值：1322万   募集资金：153.5万元    认购金额：10万</p>
                                    </div>
                                    <p class="text2">这个项目暂时没有动态！</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="area2-disbox2">
                    <div class="infor-Invest">
                        <div class="infor-Invest-box">
                            <a href="javascript:void(0)"><span>等待支付</span></a>
                            <div class="infor-Invest-right">
                                <p>杭州XX科技有限公司XXO2O项目<a href="javascript:void(0)">股权协议书</a></p>
                                <div class="infor-Invest-right-center">
                                    <img src="images/40per.png"/>
                                    <div>
                                        <p>项目估值：1322万   募集资金：153.5万元    认购金额：10万</p>
                                        <p>您还未支付<a> 2天 </a>后截止付款<a href="javascript:void(0)">付款投资</a></p>
                                    </div>
                                    <p class="text1">暂时还没想好，先<a href="javascript:void(0)"> 移到收藏夹中</a></p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="area2-disbox3">
                    <div class="infor-Invest">
                        <div class="infor-Invest-box">
                            <a href="javascript:void(0)" ><span style="background-color: #1ba2dc">投资成功</span></a>
                            <div class="infor-Invest-right">
                                <p>杭州XX科技有限公司XXO2O项目<a href="javascript:void(0)">股权协议书</a></p>
                                <div class="infor-Invest-right-center">
                                    <img src="images/40per.png"/>
                                    <div>
                                        <p style="margin-top: 25px">项目估值：1322万   募集资金：153.5万元    认购金额：10万</p>
                                    </div>
                                    <p class="text2">这个项目暂时没有动态！</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!--创建的项目-->
            <div class="area">
                <ul>
                    <li class="active"><span>待审核</span><span>XX公司O2O项目</span></li>
                    <li><span>已通过</span><span>XX公司P2P项目</span></li>
                    <li>XXP2P项目</li>
                    <li style="border-right: none;"><span class="iconfont">&#xe7ed;</span><span>发起梦想</span></li>
                </ul>
                <div class="area-disbox1" >
                    <div class="infor">
                        <p><span>基本信息</span><a href="javascript:void(0)"><span class="iconfont">&#xeaff;</span> 编辑</a></p>
                        <div class="infor-body">
                            <div class="infor-body-left">
                                <span>产品研发中</span>
                                <p><span class="iconfont">&#xeab0;</span> &nbsp;杭州</p>
                            </div>
                            <table class="infor-body-right">
                                <tr>
                                    <td>项目名称：</td>
                                    <td>杭州XX科技有限公司XXO2O项目</td>
                                </tr>
                                <tr>
                                    <td>项目简介：</td>
                                    <td style="font-size: 14px;color: #808080;line-height: 20px;" >成立于2015年1月成立于2015年1月成立于2015年1月成立于2015年1月成立于2015年1月成立...</td>
                                </tr>
                                <tr>
                                    <td>所属行业：</td>
                                    <td>移动互联网   移动互联网   移动互联网</td>
                                </tr>
                                <tr>
                                    <td>团队人数：</td>
                                    <td><span style="font-size: 14px;color: #808080;">5人</span> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;项目网站：<a href="http://www.baidu.com" style="text-decoration: underline;color: #003cff;">http://www.baidu.com</a></td>
                                </tr>
                            </table>
                        </div>
                    </div>
                    <div class="infor">
                        <p><span>项目内容</span><a href="javascript:void(0)"><span class="iconfont">&#xeaff;</span> 编辑</a></p>
                        <div class="infor-body" style="height: 100px;">
                            <p>啥啥啥啥啥</p>
                        </div>
                    </div>
                    <div class="infor">
                        <p><span>团队架构</span><a href="javascript:void(0)"><span class="iconfont">&#xeaff;</span> 编辑</a></p>
                        <div class="infor-body" style="border-bottom: 1px solid silver;">
                            <p>团队简介：巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉</p>
                            <div class="infor-Framework" >
                                <div class="infor-Framework-left"></div>
                                <div class="infor-Framework-right">
                                    <p style="font-size: 16px;margin-top: 15px;">章桂成丨CEO &nbsp;<a href="javascript:void(0)">股东成员</a></p>
                                    <span>雏鹰网创始人</span>
                                    <p>是中国湖南卫视从韩国MBC引进推出的歌唱真人秀节目，由洪涛团队打造，节目每期邀请7位已经成名的歌手之间进行竞赛。是中国湖南卫视从韩国MBC引进推出的歌唱真人秀节目，由洪涛团队打造，节目每期邀请7位已经成名的歌手之间进行竞赛。</p>
                                    <p>是中国湖南卫视从韩国MBC引进推出的歌唱真人秀节目，由洪涛团队打造，节目每期邀请7位已经成名的歌手之间进行竞赛。是中国湖南卫视从韩国MBC引进推出的歌唱真人秀节目。</p>
                                </div>
                            </div>
                        </div>
                        <div class="infor-body-change">
                            <a href="javascript:void(0)" style="border:2px solid #1ba2dc"><img src="images/personal-people.png"/><span style="color: #1ba2dc;">章桂成</span><span>股东</span></a>
                            <a href="javascript:void(0)"><img src="images/personal-people.png"/><span>章桂成</span></a>
                        </div>
                    </div>
                    <div class="infor">
                        <p><span>项目内容</span><a href="javascript:void(0)"><span class="iconfont">&#xeaff;</span> 编辑</a></p>
                        <div class="infor-body" >
                            <table cellspacing="0" class="table">
                                <caption>融资计划表</caption>
                                <tbody>
                                <tr>
                                    <td>项目估值</td>
                                    <td>1000万 </td>
                                    <td>最低领投额度</td>
                                    <td>10万</td>
                                </tr>
                                <tr>
                                    <td>融资目标额</td>
                                    <td>1000万</td>
                                    <td>额度加价幅度</td>
                                    <td>1000万</td>
                                </tr>
                                <tr>
                                    <td>出让股份</td>
                                    <td>15%</td>
                                    <td>是否允许超募 </td>
                                    <td>是</td>
                                </tr>
                                <tr>
                                    <td>最高跟投额度</td>
                                    <td>100万</td>
                                    <td>超募额度</td>
                                    <td>10%</td>
                                </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
                <div class="area-disbox2">
                    <div class="infor">
                        <p><span>基本信息</span><a href="javascript:void(0)"><span class="iconfont">&#xeaff;</span> 编辑</a></p>
                        <div class="infor-body">
                            <div class="infor-body-left">
                                <span>产品研发中</span>
                                <p><span class="iconfont">&#xeab0;</span> &nbsp;杭州</p>
                            </div>
                            <table class="infor-body-right">
                                <tr>
                                    <td>项目名称：</td>
                                    <td>杭州XX科技有限公司XXO2O项目</td>
                                </tr>
                                <tr>
                                    <td>项目简介：</td>
                                    <td style="font-size: 14px;color: #808080;line-height: 20px;" >成立于2015年1月成立于2015年1月成立于2015年1月成立于2015年1月成立于2015年1月成立...</td>
                                </tr>
                                <tr>
                                    <td>所属行业：</td>
                                    <td>移动互联网   移动互联网   移动互联网</td>
                                </tr>
                                <tr>
                                    <td>团队人数：</td>
                                    <td><span style="font-size: 14px;color: #808080;">5人</span> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;项目网站：<a href="http://www.baidu.com" style="text-decoration: underline;color: #003cff;">http://www.baidu.com</a></td>
                                </tr>
                            </table>
                        </div>
                    </div>
                    <div class="infor">
                        <p><span>融资计划</span></p>
                        <div class="infor-body" >
                            <div class="infor-body-plan">
                                <span>融资进度</span>
                                <p><span></span><span></span><a>83.5万/187万</a></p>
                            </div>
                            <div class="infor-body-plan">
                                <span>融资情况</span>
                                <div>
                                    <img src="images/person-female1.png"/>
                                    <div class="infor-plan-right">
                                        <p><span class="iconfont">&#xe6cb;</span> &nbsp;张三 &nbsp;<span class="iconfont">&#xe6c1;</span> &nbsp;2015-5-22</p>
                                        <p><img src="images/person-qi.png"/>  &nbsp;融资金额：10万</p>
                                    </div>
                                </div>
                                <div>
                                    <img src="images/person-female1.png"/>
                                    <div class="infor-plan-right">
                                        <p><span class="iconfont">&#xe6cb;</span> &nbsp;张三 &nbsp;<span class="iconfont">&#xe6c1;</span> &nbsp;2015-5-22</p>
                                        <p><img src="images/person-qi.png"/>  &nbsp;融资金额：10万</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="infor">
                        <p><span>项目动态</span></p>
                        <a href="javascript:void(0)">发布项目动态</a>
                        <div class="infor-body-none" >
                            <p>您当前没有任何项目动态，马上<a href="javascript:void(0)"> 发布动态 </a>哦！</p>
                        </div>
                    </div>

                </div>
            </div>
            <!--账户信息-->
            <div class="area4">
                <ul>
                    <li class="active2">基本信息</li>
                    <li>账号信息</li>
                    <li style="border-right: none;">其他经历</li>
                </ul>
                <div class="area4-disbox1">
                    <div class="infor">
                        <p><span>基本信息</span><a href="javascript:void(0)"><span class="iconfont">&#xeaff;</span> 编辑</a></p>
                        <ul class="uls">
                            <li>昵称：齐小吓</li>
                            <li><p>真实姓名：齐小吓</p><p>身份证号：230224123456789123</p></li>
                            <li><p>公司：树德科技 </p><p>职位：产品经理</p></li>
                            <li>地址：中国浙江杭州</li>
                            <li style="border-bottom: none;"><span>个人简介：</span><span>巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉</span></li>
                        </ul>
                    </div>
                </div>
                <div class="area4-disbox2">
                    <div class="infor ">
                        <p><span>账号信息</span></p>
                        <ul class="uls1">
                            <li><p>15813064590</p><p><a href="javascript:void(0)">修改密码</a></p></li>
                            <li><p>手机号：150****1250</p><p>已绑定&nbsp;&nbsp;&nbsp;<a href="javascript:void(0)">更换绑定</a></p></li>
                            <li><p>QQ：</p><p>已绑定&nbsp;&nbsp;&nbsp;<a href="javascript:void(0)">更换绑定</a></p></li>
                            <li><p>邮箱：</p><p>未绑定&nbsp;&nbsp;&nbsp;<a href="javascript:void(0)">我要绑定</a></p></li>
                            <li><p>微信：</p><p>未绑定&nbsp;&nbsp;&nbsp;<a href="javascript:void(0)">我要绑定</a></p></li>
                            <li><p>微博：</p><p>未绑定&nbsp;&nbsp;&nbsp;<a href="javascript:void(0)">我要绑定</a></p></li>
                        </ul>
                    </div>
                    <div class="infor ">
                        <p><span>银行卡信息</span></p>
                        <ul class="uls1">
                            <li class="bank_send">您已绑定了 <a style="color: #199ad1;">2张</a> 银行卡</li>
                            <li class="bank_send"><label><input type="file"/>添加银行卡</label></li>
                        </ul>
                    </div>
                </div>
                <div class="area4-disbox3">
                    <div class="infor">
                        <p><span style="color: #262626;">其他信息</span></p>
                        <ul class="uls1" style="background-color: #fff;">
                            <li><p>投资数据  <span style="color: #999;">（未编辑）</span></p><p><a href="javascript:void(0)">编辑</a></p></li>
                            <li><p>投资案例  （已编辑）</p><p><a href="javascript:void(0)">编辑</a></p></li>
                            <li><p>工作经历  （已编辑）</p><p><a href="javascript:void(0)">编辑</a></p></li>
                            <li><p>教育经历  （已编辑）</p><p><a href="javascript:void(0)">编辑</a></p></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!--弹窗-->
<div class="personal-disbox">
    <p>发布动态</p>
    <form>
        <div class="push-content"><span>发布内容：</span><input type="text"/></div>
        <div class="about-img">
            <span>相关图片：</span>
            <label class="iconfont"><input type="file" style="display: none;">&#xe7ed;</label>
            <p>图片大小请勿超过1MB<br>尺寸：500px高300px，支持JPG，PNG<br>最多可上传8张图片</p>
        </div>
        <div class="personal-btn">
            <a href="javascript:void(0)" style="background-color: #1ba2dc;color: white;">发布</a>
            <a href="javascript:void(0)">取消</a>
        </div>
    </form>
</div>
<footer>
    <div class="w clearfix  load-about">
        <div class="footer-box-1"><img src="images/footer-logo.jpg" alt=""><span>雏鹰网</span><p><img src="images/footer-wechat.jpg" alt=""><img src="images/footer-sina.jpg" alt=""></p></div>
        <ul>
            <span>现在开始</span>
            <li><a href="javascript:void(0);">梦想出发</a></li>
            <li><a href="javascript:void(0);">账号注册</a></li>
            <li><a href="javascript:void(0);">账号登录</a></li>
        </ul>
        <ul>
            <span>项目浏览</span>
            <li><a href="javascript:void(0);">趋势</a></li>
            <li><a href="javascript:void(0);">已完成</a></li>
            <li><a href="javascript:void(0);">新的值得关注的</a></li>
            <li><a href="javascript:void(0);">微信群</a></li>
        </ul>
        <ul>
            <span>关于我们</span>
            <li><a href="javascript:void(0);">FAQ</a></li>
            <li><a href="javascript:void(0);">用户引导</a></li>
            <li><a href="javascript:void(0);">联系我们</a></li>
        </ul>
        <ul>
            <span>法律</span>
            <li><a href="javascript:void(0);">法律条款</a></li>
            <li><a href="javascript:void(0);">隐私政策</a></li>
        </ul>
        <div class="code-box">
            扫码关注微信公众平台
        </div>

    </div>
    <div class="w footer-text-box">
        <p>Fundable is a software as a service crowdfunding platform. Fundable is not a registered broker-dealer and does not offer investment advice or advise on the raising of capital through securities offerings. Fundable does not recommend or otherwise suggest that any investor make an investment in a particular company, or that any company offer securities to a particular investor. Fundable takes no part in the negotiation or execution of transactions for the purchase or sale of securities, and at no time has possession of funds or securities. No securities transactions are executed or negotiated on or through the Fundable platform. Fundable receives no compensation in connection with the purchase or sale of securities.</p>
        <p class="footer-text">Copyright © Fundable LLC 2016. All rights reserved.</p>
    </div>
</footer>
</body>
</html>
<script src="lib/jquery-3.1.1.min.js"></script>
<script src="app/index.js"></script>